<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像展示效果Ⅱ</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
<!-- 这里展示3个图片的，大家可自行调整 -->
<figure class="sample">
  <img src="https://source.unsplash.com/5qU7xQmej8A" alt="sample1" />
  <figcaption>
    <h3>Read More</h3>
  </figcaption>
  <a href="#"></a>
</figure>

<figure class="sample">
  <img src="https://source.unsplash.com/LIAuxi4hBfg" alt="sample2" />
  <figcaption>
    <h3>Read More</h3>
  </figcaption>
  <a href="#"></a>
</figure>

<figure class="sample">
  <img src="https://source.unsplash.com/CXj2LBjMUIA" alt="sample3" />
  <figcaption>
    <h3>Read More</h3>
  </figcaption>
  <a href="#"></a>
</figure>
</body>
</html>